<template>
  <section class="component add-contact">
    <el-form v-model="contactForm" :rules="rules" label-width="120px">
      <el-row>
        <el-col :span="12">
          <el-form-item label="角色：" prop="name">
            <el-input v-model="contactForm.name"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="姓名：" prop="name">
            <el-input v-model="contactForm.name"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="性别：" prop="name">
            <el-input v-model="contactForm.name"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="关系：" prop="name">
            <el-input v-model="contactForm.name"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="身份证号：" prop="name">
            <el-input v-model="contactForm.name"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="电话号码：" prop="name">
            <el-input v-model="contactForm.name"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item label="身份证地址：" prop="name">
        <el-input v-model="contactForm.name" style="width:95%"></el-input>
      </el-form-item>
      <el-form-item label="现居住地：" prop="name">
        <el-input v-model="contactForm.name" style="width:95%"></el-input>
      </el-form-item>
      <el-row>
        <el-col :span="12">
          <el-form-item label="现居住电话：" prop="name">
            <el-input v-model="contactForm.name"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="工作单位：" prop="name">
            <el-input v-model="contactForm.name"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item label="单位电话：" prop="name">
        <el-input v-model="contactForm.name"></el-input>
      </el-form-item>
      <el-form-item label="工作地址：" prop="name">
        <el-input v-model="contactForm.name" style="width:95%"></el-input>
      </el-form-item>

      <div class="operate-buttons">
        <el-button @click="close">取消</el-button>
        <el-button @click="commit">确定</el-button>
      </div>
    </el-form>
  </section>
</template>
<script lang="ts">
import Vue from 'vue';
import Component from 'vue-class-component'

@Component({
  components: {
  }
})

export default class AddContact extends Vue {
  private rules: any = {}
  private contactForm: any = {}
  private close() { }
  private commit() { }
}

</script>
<style lang="less">

</style>
